
<div class="panel panel-info" ng-if="searchResults != null">
	<div class="panel-heading">
		<span class="badge font-120">{{searchResults.totalItems}}</span> <span class="font-120"><strong>{{'sinisters' | translate}}</strong></span>
	</div>
	<div class="panel-body" ng-show="searchResults.totalItems > 0">
		<div class="list-group">
			<a class="list-group-item list-group-item active default-cursor">
				<div class="row">
					<label class="col-sm-7" translate="Sinister.number"></label> 
					<label class="col-sm-1" translate="Sinister.inputType"></label>
					<label class="col-sm-4 right" translate="Sinister.state"></label>
				</div>
			</a>
			<a href="#sinister/{{sinister.id}}" class="list-group-item animate-pagination"  ng-repeat="sinister in searchResults.results">
				<h5 class="list-group-item-heading">
					<div class="row">
						<label class="col-sm-7">{{sinister.number}} - <span>{{sinister.policy.insured.surname}} {{sinister.policy.insured.name}}</span></label> 
						<label class="col-sm-1">{{sinister.inputType}}</label>
						<label class="col-sm-4 right">{{'SinisterState.' + sinister.state | translate}}</label>
					</div>
				</h5>
				<p class="left-20 list-group-item-text">
					<em>{{sinister.warranty.warrantyType.description | translate}}</em>
				</p>
			</a>
		</div>
		<search-result-pagination></search-result-pagination>
	</div>
</div>
